//  全局变量 ， 加载layui的form模块
var form=layui.form;

function renderUser(){
    //  获取用户信息，获取之后，为表单赋值
    $.ajax({
        url:'/my/userinfo',
        success:function(res){
            if(res.status===0){
                //  res.data 返回的数据 可以一项一项填写
                // $('input[name="id"]').val(res.data.id)
                // $('input[name="username"]').val(res.data.username)
                // $('input[name="nickname"]').val(res.data.nickname)
                // $('input[name="email"]').val(res.data.email)
                form.val('abc',res.data);
            }
        },
    })
}
$(function(){
    // -------------- 数据回填, 为表单赋值 --------------------
    renderUser();

    //  -----------------监听表单提交事件，完成信息更新-----------
    $('form').on('submit',function(e){
        //  1. 阻止表单提交行为
        e.preventDefault();
        //  2. 收集表单各项的值
        var data=$(this).serialize(); // serialize()方法不能收集禁用表单的值
        //  3. 发送ajax请求
        $.ajax({
            type:'post',
            url:'/my/userinfo',
            data:data,
            success:function(res){
                //  更新完成  
                // 4.1 提示一下
                layer.msg(res.message);
                // 4.2 更新欢迎语，调用父页面的一个函数
                window.parent.getUserInfo();
            },
            // 设置请求头  取出存储的token
    
        })
    });

    //  -----------------  重置 ---------------------
    $('button[type="reset"]').click(function(e){
        //  阻止默认清空表单行为
        e.preventDefault();
        //  恢复成和没改之前一样
        renderUser();
    })
})